i,em{font-style:normal;}
.content{width:1200px;margin:0 auto;}
.content1{min-width:1200px;max-width:1600px;margin:0 auto;}
.contentt{width:84%; min-width:1200px;max-width:1400px;margin:0 auto;}
.head{height:154px;background:#FFF;background:#FFF;}
.head.hea{position:fixed;top:0;left:0;height:113px;width:100%;z-index:300;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3);border-bottom: 2px solid #5fa2ec;}
.head.hea .hea-top{display:none;}
.head .hea-top{height:41px; background:#EFEFEF;}
.head .hea-top h2{height:41px;line-height: 41px; float:left; font-size: 14px; color:#B2B2B2; font-weight: normal;}
.head .hea-top em{display: block;height:41px; line-height: 41px;padding-left:27px;background:url(../images/hea-tel.png) no-repeat left;font-size: 18px; color:#002E62;font-weight: bold;float:right;font-style: italic;}
.head .hea-top span{display: block; height:41px; float:right;margin-right: 51px;}
.head .hea-top span a{display: block;float:left;height:41px;line-height: 41px; font-size: 14px; color:#B2B2B2;padding:0 12px; position: relative;}
.head .hea-top span a:before{width:1px; height:13px; background:#e0e0e0;content:"";position: absolute;right:0;top:15px;}
.head .hea-top span a:after{width:1px; height:13px; background:#bbbbbb;content:"";position: absolute;left:0;top:15px;}
.head .hea-top span a:first-child:after{display: none;}
.head .hea-top span a:last-child:before{display: none;}
.head .hea-top span a:hover{color:#002e62;text-decoration: underline;}
.head .hea-bot .logo{float:left;padding-top:21px;}
.head .hea-bot .logo .t_logo{float:left; line-height: 0; overflow: hidden;}
.head .hea-bot .logo .t_logo img{width: 83%;margin-top: 5px;}
.head .hea-bot .logo h2{float:left;}
.head .hea-bot .logo h2 span{display: block; height:34px; line-height: 34px;font-size: 24px; color:#282828; font-weight: normal;}
.head .hea-bot .logo h2 em{display: block; height:37px; line-height: 37px;font-size: 29px; color:#2d648d; font-weight: bold;}
.head .hea-bot .logo h2 small {font-size: 16px;letter-spacing: 4;font-weight: 500;margin-top: 3px;display: block;color: grey;}
.head .hea-bot .menu{width:62.9%;height:113px;float:right;}
.head .hea-bot .menu .nav li{width:9%;height:113px;line-height: 113px; text-align: center;float:left;position: relative;}
.head .hea-bot .menu .nav li a{display: block;font-size: 15px; color:#282828;position: relative;z-index:200; transition: .5s;}
.head .hea-bot .menu .nav li:before{width: 100%; height:0; background:#004491;content:"";position: absolute;left:0;top:0; transition: .5s;}
.head .hea-bot .menu .nav li:hover:before,.head .hea-bot .menu .nav li.cur:before{height:113px;}
.head .hea-bot .menu .nav li:hover a,.head .hea-bot .menu .nav li.cur a{color:#FFF;}
/*.head .hea-bot .menu .nav li:nth-child(2),.head .hea-bot .menu .nav li:nth-child(3),.head .hea-bot .menu .nav li:nth-child(5){width:15% !important;}*/
@media screen and  (min-width:760px) and (max-width:1680px){
    .content1,.contentt{width:93.9%;max-width:1400px;}
    .head .hea-bot .menu .nav li a{font-size: 12px;}
}

.dis-flex-center-center{  display: flex; align-items: center; justify-content: center;}
.dis-flex-between-center{  display: flex; justify-content: space-between; align-items: center;}
.dis-flex-center{  display: flex; align-items: center;}
.dis-flex-between{  display: flex; justify-content: space-between}
.dis-flex{  display: flex;}
.flex-column{ flex-direction: column;}
.flex-wrap{ flex-wrap: wrap;}
.position-relative{ position: relative;}
.container{ padding: 0 5vw;}
header{ border-bottom: 1px solid rgba(255, 255, 255, 0.5); background-color: transparent; height: 80px; position: fixed; left: 0; top: 0;z-index: 100;  width: 100%;}
header.bg-white { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
header .icon2{ display: none;}
header.bg-white .icon1{ display: none;}
header.bg-white .icon2{ display: inline-block;}
.bg-white {
    background-color: white;
}
.searchBtn{ cursor: pointer;}
nav{ width:52%; font-size: 16px;}
nav li{ position: relative;}
nav li>a{  color: #fff; line-height: 80px; display: block;}
header.bg-white  nav li>a{ color: #666;}
nav li>a::after{ width: 100%;     transform: scale(0,1); transition: all .36s; height: 3px; background-color: #fff; left: 0; top: 0; position: absolute; content: ''; display: block;}
header.bg-white  nav li>a::after{ background-color: #0260b3;}
nav li>a:hover::after,nav li>a.on::after{transform: scale(1,1);}
nav li>a:hover{color: #fff;font-weight: bold;}
.contactBtn{ margin-left: 25px;}
.navBtn{ display: none; height: 60px; width: 30px; line-height: 60px; cursor: pointer; background: url(../images/navIcon-white.png) no-repeat center center; background-size: auto 20px;}
header.bg-white .navBtn{background: url(../images/navIcon.png) no-repeat center center;background-size: auto 20px; }
.navBtn.close{ background: url(../images/close-w.png) no-repeat center center; background-size: auto 20px;}

.banner{position:relative;overflow:hidden;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index:12;width: 100px;height: 100px;margin-top: -42px;border: 0;}
.banner .slick-prev {outline: none;position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; opacity: 0; text-align: center; margin-top: -40px;transition:.8s;background:url(../images/c_prev.png) no-repeat;left: 5%;cursor: pointer;}
.banner .slick-next {outline: none;position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; opacity: 0; text-align: center; margin-top: -40px;transition:.8s;background:url(../images/c_next.png) no-repeat;right: 5%;cursor: pointer;}
.banner:hover .slick-prev { left: 10%; opacity: 0.3; }
.banner:hover .slick-next { right: 10%; opacity: 0.3; }
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left: 0; font-size:0;bottom: 12%;width: 100%;text-align: center;outline: none;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 12px;height: 12px;color: #fff; border-radius: 50%;background-color: #fff;outline: none; transition: .5s;}
.slick-dots .slick-active button {background-color: #004491;width:50px;border-radius: 30px;}

/**/
.guide{height:883px;background:url(../images/guide.jpg) no-repeat center;}
.guide .gui-con{position: relative;padding-top:247px;}
.guide .gui-con .gui-sz{height:176px;background:#FFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);position: absolute;left:0;top:-88px;width:100%;}
.guide .gui-con .gui-sz ul{padding-top:23px;}
.guide .gui-con .gui-sz ul li{float:left;width:20%;height:102px; border-right:1px dashed #c5c5c5; box-sizing: border-box;}
.guide .gui-con .gui-sz ul li span{display: block; height:64px;text-align: center;}
.guide .gui-con .gui-sz ul li span em{display: inline-block; height:70px; line-height: 70px;font-size: 45px; color:#1f1f1f; font-weight: bold; }
.guide .gui-con .gui-sz ul li span b{display: inline-block; height:70px;line-height: 70px;font-size: 35px; color:#1f1f1f;}
.guide .gui-con .gui-sz ul li span i{display: inline-block; width:26px; height:26px; line-height: 26px;text-align: center; background:#e23838;font-size: 16px; color:#FFF; vertical-align: middle;border-radius: 50%;margin-bottom: 15px;}
.guide .gui-con .gui-sz ul li p{height:46px;line-height: 46px; text-align: center;font-size: 16px; color:#827d7d}
.guide .gui-con .gui-sz ul li:last-child{border-right:0;}
.guide .gui-con .gui-left{width:615px;float:left;}
.guide .gui-con .gui-left h4{margin-bottom: 43px; border-bottom:1px solid #005098;padding-bottom:26px;}
.guide .gui-con .gui-left h4 span{display: block; height:82px; line-height: 82px;font-size: 55px; color:#0260b3; font-weight: bold;}
.guide .gui-con .gui-left h4 em{display: block; height:55px; line-height: 55px;font-size: 29px; color:rgba(0,0,0,0.7);letter-spacing: 5px; font-weight: 300;}
.guide .gui-con .gui-left p{line-height: 34px;font-size: 16px; color:rgba(31,31,31,0.66); text-align: justify; margin-bottom: 85px;letter-spacing: 1px;padding-right:17px;}
.guide .gui-con .gui-left a{display: block; width:180px; height:53px; line-height: 53px; text-align: center;background:#0260b3;border-radius: 27px;font-size: 20px; color:#FFFFFF; font-weight: bold;}
.guide .gui-rig{width:50%;float:right;}
.guide .gui-rig .bo{display: block; width:90px; height:90px;margin:212px auto 0; cursor: pointer;background:url(../images/gui-vid.png) no-repeat center;}
.modal-backdrop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #232526;z-index: 800;}
.modal-backdrop iframe{width:100%;}
.modal-backdrop .vd{position: absolute;width: 900px;height: 512px;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 300;background:#FFF;}
.modal-backdrop .close{top: 16px;right: 16px;font-size: 24px;line-height: 1;transition: all 0.5s ease;width: 40px;position: absolute;padding: 0;background-color: rgba(0, 0, 0, 0.2);color: #FFF;height: 40px;border: none;display: inline-flex;justify-content: center;align-items: center;white-space: nowrap;text-align: center;border-radius: 50% !important;outline: none;cursor: pointer;z-index: 300;}
@media screen and  (min-width:760px) and (max-width:1680px){
    .guide .gui-con .gui-left{width: 530px;}
    .guide .gui-con .gui-left h4 span{font-size: 48px;}
    .guide .gui-con .gui-left h4 em{font-size: 24px;}
}
/**/




.product{background: url(../images/cp_bg.jpg) no-repeat center 0;height: 935px;overflow: hidden;padding-top: 82px;}
.pro_tit{font-size: 46px;color: #333;text-align: center;line-height: 46px;background: url(../images/cp_tico.png) no-repeat center bottom;height: 110px;overflow: hidden;}
.pro_tit a{color: #333;}
.pro_tit a:hover{color: #0260b3;}
.pro_tit span{color: #777;display: block;font-size: 20px;font-weight: normal;padding: 5px 0 0;}
.pro_l{width: 280px;background: #0260b3;padding: 0 0 4px;border-radius: 5px;margin-top: 30px;}
.pro_l h2{ background:url(../images/cp_tbg.png) no-repeat;width: 280px;height: 107px;text-align: center;}
.pro_l h2 a{font-size: 32px;color: #fff;display: block; padding:32px 0 0;line-height: 32px;height: 75px;}
.pro_l h2 i{display: block;font-size: 12px;color: rgba(255,255,255,0.3);font-weight: normal;text-transform: uppercase; font-family:"Times New Roman", Times, serif;}
.pro_l ul{width: 273px;background: #fff;margin: 0 auto;}
.pro_l ul li{border-bottom: #e8e8e8 1px solid;height: 60px;line-height: 60px;}
.pro_l ul li a{display: block;font-size: 16px;color: #333;width: 233px;height: 60px; background:#fff url(../images/cp_ico01.png) no-repeat 230px 23px; padding:0 0 0 20px;}
.pro_l ul li a:hover,.pro_l ul li.cur a{background:#e8e8e8 url(../images/cp_ico02.png) no-repeat 230px 23px;font-weight: bold;color: #20738f;}
.pro_tel{margin: 0 auto;font-size: 18px;color: #000;line-height: 24px;width: 183px;height: 90px;border-radius: 0 0 5px 5px;background:#f7f7f7 url(../images/cp_tel.png) no-repeat 35px 30px;padding: 15px 0 0 90px;}
.pro_tel i{display: block;font-size: 20px;}
.pro_r{padding-top: 12px;width: 921px;margin-right: -2px;}
.pro_r ul li{width: 289px;float: left;margin-left: 18px;margin-top: 18px;line-height: 0;overflow: hidden;background: #fff;height: 370px;border-radius: 5px;}
.pro_r ul li em{width: 289px;height: 289px;display: block;overflow: hidden;border-bottom: #e5e5e5 1px solid;border-radius: 5px 5px 0 0;}
.pro_r ul li img{width: 289px;height: 289px;border-radius: 5px 5px 0 0;}
.pro_r ul li span{position: relative;display: block;width: 289px;text-align: center;font-size: 20px;color: #333;height: 80px;line-height: 80px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;border-radius:0 0 5px 5px;-webkit-transition:all .5s;transition:all .5s;}
.pro_r ul li:hover span{font-weight: 900;color: #333;background: url(../images/cp_k.jpg) no-repeat;line-height: 60px;}
/*.pro_r ul li:hover span:before{content: "";width: 40px;height: 3px;background: rgba(96,175,251,0.8);position: absolute;bottom: 20px;left: 50%;margin-left: -20px;}*/
.pro_video{width: 380px;height: 62px;margin: 58px auto 0;border: #dadce1 2px solid;border-radius: 50px;cursor: pointer;text-align: center;}
.pro_video em{width: 45px;height: 45px;display: block;float: left;line-height: 0;padding: 15px 20px 0 85px;}
.pro_video em img{width: 45px;height: 45px;}
.pro_video span{font-size: 16px;color: #666;padding: 15px 0 0;line-height: 22px;}
.pro_video span i{display: block;font-size: 20px;color: #0e75a0;}





/**/
.clearfix:after {
    height: 0;
    content: "";
    clear: both;
    display: block;
}


    .zizhi_team{ overflow: hidden;box-sizing: border-box; }
.zizhi_team h2{ margin-bottom: 27px;}
.zizhi_a{ position: relative; margin-bottom: 43px;}
.zizhi_a ul{ overflow: hidden; height: 375px;}
.zizhi_a ul li{ float: left; width: 224px; height:288px; margin-right:22px;background:#fff;transition: all 0.2s;-moz-box-shadow:2px 2px 11px #e4e4e4; -webkit-box-shadow:2px 2px 11px #e4e4e4; box-shadow:2px 2px 11px #e4e4e4;}
.zizhi_a ul li a{ display: block; height: 288px;}
.zizhi_a ul li b{ display: block; overflow: hidden; height:288px;}
.zizhi_a ul li b img{ width: 224px;}
.zizhi_a ul li h3{ margin:25px 36px 0;font-weight: normal; font-size:24px; color: #333333;height: 57px; line-height: 120%;}
.zizhi_a ul li p{ margin: 0 36px 10px 36px; color: #878686; font-size: 14px; line-height: 24px; letter-spacing: 1px; height: 71px;}
.zizhi_a ul li em{ display: inline-block; margin: 0 36px; color: #006ce0; font-size: 14px; letter-spacing:2px; padding-right: 25px;background: url(../images/tmm1.png) no-repeat center right 0;transition: all 0.2s;}
.zizhi_a ul li:hover h3{ color: #006ce0;}
.zizhi_a ul li:hover em{ color: #006ce0;background: url(../images/tmm2.png) no-repeat center right 0;}
.zizhi_a ul li:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.2); transform: translateY(-3px);}
.zizhi_team h4{overflow: hidden;}
.zizhi_team h4 img{ display: inline-block; float: left; width: 131px; height: 131px; border-radius: 131px; border: 1px solid #e6e6e6; margin: 0 19px 14px 0;}
.zizhi_team h4 img:nth-of-type(8n){ margin-right: 0;}
.zizhi_team h4 img:hover{ border: 1px solid #04779d;}
.zizhi_a .t_uu{ position: absolute; left: -90px; cursor: pointer; top: 222px;}
.zizhi_a .t_dd{ position: absolute; right: -90px; cursor: pointer; top: 222px;}


/*广告条*/
.ban01{ background:url(../images/ban01.png) no-repeat center 0; height:317px;text-align: center; overflow:hidden;}
.ban01 p{font-size: 30px;color: #fff;line-height: 30px;padding: 80px 0 0;height: 105px;}
.ban01 p span{ display:block; font-size:16px;padding: 8px 0 0;}
.ban01 em{ background:url(../images/ban_tel.png) no-repeat center 0; display:block; padding:40px 0 0; font-family:"Times New Roman", Times, serif;font-size: 30px;color: #fff;font-weight: bold;}


.partner{background-image:url(../images/hz-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;height:568px;box-sizing:border-box;padding-top:90px}
.partner .content{padding-left:470px;box-sizing:border-box}
.partner h2 b{font-size:40px;font-weight:700;line-height:40px;color:#333;display:block}
.partner h2 span{font-size:20px;font-weight:400;line-height:20px;color:#666;margin-top:20px;display:block}
.partner h2 span:after{content:"";display:block;width:77px;height:2px;background:#08637e;margin-top:15px}
.partner .partner-con{margin-top:21px}
.partner .partner-con li{float:left;width:168px;height:100px;margin-right:19px;display:inline;box-shadow:0 0 10px rgba(0,0,0,.07);margin-bottom:18px;overflow:hidden;}
.partner .partner-con li img{width:168px;height:100px;display:block;transition:.5s;}
.partner .partner-con li img:hover{transform:scale(1.05);}
.partner .partner-con li:nth-of-type(4n){margin-right:0}
.partner .partner-con:after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.partner .partner-zx{margin-top:18px}
.partner .partner-zx p{float:left;background-image:url(../images/hz-tel.png);background-repeat:no-repeat;background-position:left center;background-size:auto auto;padding-left:37px;margin-right:20px}
.partner .partner-zx p em{font-size:14px;font-weight:400;line-height:16px;color:#333;display:block;margin-bottom:5px}
.partner .partner-zx p span{display:block;font-size:26px;font-weight:700;line-height:26px;color:#333}
.partner .partner-zx a{display:block;width:143px;height:48px;font-size:14px;font-weight:400;line-height:48px;color:#333;border-radius:24px;overflow:hidden;text-align:center;background:#f0f0f0;float:left}
.partner .partner-zx a:hover{background:#08637e;color:#fff}
.partner .partner-zx:after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}


.about{overflow: hidden;height: 709px;}
.about dl{ position:relative; z-index:0;}
.about dl dt{width: 100%;height: 709px;overflow: hidden;}
.about dl dt a{width: 1920px;display: block;height: 709px;position: absolute;top: 0;left: 50%;margin-left: -960px;overflow: hidden;}
.about dl dt a:before{content: "";width: 100%;height: 210px;background: rgba(0,0,0,0.6);position: absolute;bottom: 0;left: 0;z-index: 1;}
.about dl dt img{width: 1920px;height: 709px;}
.about dl dd{position: relative;z-index: 10;margin-top: -360px;}
.ab_l{width: 450px;height: 330px;background: #fff;padding: 30px 0 0;border-radius: 10px 10px 0 0;}
.ab_l ul{width: 450px;height: 175px;padding-top: 35px;background: #0260b3;margin-top: 10px;}
.ab_l ul li{width: 150px;float: left;text-align: center;position: relative;}
.ab_l ul li:before{content: "";width: 2px;height: 135px;background: rgba(255,255,255,0.2);position: absolute;top: 0;left: 0;}
.ab_l ul li em{width: 74px;height: 70px;display: block;line-height: 0;overflow: hidden;margin: 0 auto;}
.ab_l ul li em img{width: 74px;height: 70px;}
.ab_l ul li span{display: block;font-size: 22px;color: #fff;line-height: 26px;padding: 10px 0 0;width: 55px;margin: 0 auto;}
.ab_l ul li:first-child:before{background: none;}
.ab_l ul li:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.ab_r{width: 640px;padding: 175px 0 0;font-size: 16px;color: #fff;line-height: 33px;height: 108px;}

/**/
.news_content{background-color: #f7f7f7;}
.news{padding: 80px 0 40px;}
.news_t{padding: 30px 0 0;height: 70px;line-height: 50px;}
.news_t a{display: block;float: left;width: 200px;text-align: center;height: 50px;background: #0260b3;border-radius: 10px;font-size: 22px;color: #fff;}
.news_t i{float: right;font-size: 48px;color: #d7d7d7;text-transform: uppercase;}
.news dl{ height: 280px;width: 780px;float: left;border-right: #ccc 1px solid;} 
.news dl dt{width: 372px;height: 280px;overflow: hidden;line-height: 0;border-radius: 10px;float: left;}
.news dl dt img{width: 372px;height: 280px;}
.news dl dd{width: 325px;padding: 20px 40px 0 0;float: right;}
.news dl dd i{display: block;font-size: 14px;color: #000;height: 30px;line-height: 30px;overflow: hidden;}
.news dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news dl dd h5 a,.wd_m dl dt a{font-size: 18px;color: #000;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news dl dd span{display: block;margin-top: 50px;}
.news dl dd span a{display: block;font-size: 14px;color: #fff;text-transform: uppercase;width: 100px;text-align: center;height: 30px;line-height: 30px;background: #0260b3;border-radius: 20px;}
.news dl dd span a:hover{background: #fc6700;}
.news dl:nth-of-type(2){width: 417px;}
.news dl:nth-of-type(2) dt{display: none;}
.wd_content{
    background: #f7f7f7;]
    padding-bottom: 30px;
}

.f_bg{ background:#f2f2f2; height:313px;padding: 88px 0 0; overflow:hidden;}
.footer{width: 1200px; margin:0 auto;}
.f01{width: 620px;}
.f02{width: 460px;}
.f03{width: 100px;}
.f_nav{height: 200px;width: 510px;}
.f_nav ul li{height: 46px;line-height: 46px;width: 170px;float: left; background:url(../images/f_ico01.png) no-repeat 0 center;}
.f_nav ul li a{font-size: 16px;color: #444;padding-left: 30px;}
.f_nav ul li a:hover{font-weight: bold;}
.f_ban{width: 450px;}
.f_ban p{font-size: 16px;color: #444;line-height: 30px;}
.f_ban p span{padding: 0 15px;}
.f_ban p a{color: #444;}
.f02 p{font-size: 16px;color: #444;line-height: 25px;padding: 0 0 40px 55px;width: 280px;}
.f02 b{display: block;padding-bottom: 5px;}
.f02 i{display: block;font-size: 28px;font-weight: bold;line-height: 30px;}
.f02 p.f_p01{ background:url(../images/f_ico02.png) no-repeat 0 6px;}
.f02 p.f_p02{ background:url(../images/f_ico03.png) no-repeat 0 6px;}
.f02 p.f_p03{ background:url(../images/f_ico04.png) no-repeat 0 6px;}
.f03 p{width: 100px;text-align: center;height: 140px;padding-top: 10px;}
.f03 p img{width: 100px;height: 100px;}
.f03 p span{display: block;font-size: 14px;color: #444;line-height: 30px;}
  

.client-2 {
    width: 45px;
    position: fixed;
    right: 10px;
    top: 60%;
    z-index: 999;
    color: #fff;
}

.client-2 li a {
    text-decoration: none;
    color: #fff;
}

.client-2 li {
    margin-bottom: 5px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
}

.client-2 li.my-kefu-qq {
    background:#0260b3 url(../images/cimg23.png) center no-repeat;
}

.client-2 li.my-kefu-weixin {
    background:#0260b3 url(../images/cimg24.png) center no-repeat;
}

.client-2 li.my-kefu-tel {
    background:#0260b3 url(../images/cimg25.png) center no-repeat;
}

.client-2 li.my-kefu-shouye {
    background:#0260b3 url(../images/tohome.png) center no-repeat;
    background-size:26px;
}

.client-2 li.my-kefu-shouye a {
    width: 45px;
    height: 45px;
    display: block;
}

.client-2 li.my-kefu-ftop {
    background:#0260b3 url(../images/returnTop.png) center no-repeat;
}

.client-2 li p {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.client-2 li.my-kefu-qq .cont {
    margin: 0;
    background:#0260b3 url(../images/cimg23.png) 15px center no-repeat;
    border-radius: 50px;
    padding-left: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
    width: 130px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}

.client-2 li.my-kefu-tel .cont {
    margin: 0;
    background:#0260b3 url(../images/cimg25.png) 15px center no-repeat;
    border-radius: 50px;
    padding-left: 45px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 18px;
    width: 180px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}

.client-2 .my-kefu-ftop {
    display: none;
}

.client-2 .my-kefu-ftop .my-kefu-main {
    padding-top: 6px;
}

.client-2 li.my-kefu-weixin .cont {
    margin: 0;
    width: 115px;
    padding: 5px;
    border: solid 1px #ccc;
    position: absolute;
    left: -150px;
    top: -44px;
    background-color: #fff;
}

.client-2 li.my-kefu-weixin .cont  span {
    display: block;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #1a1a1a;
}

.client-2 li.my-kefu-weixin .cont  img {
    width: 115px;
    height: 115px;
}

.client-2 li:hover .cont {
    display: block!important;
}

/**/
.wd{height: 210px;background: #fff;border-radius: 10px;margin-bottom: 100px;}
.wd_t{width: 175px;padding: 40px 0 0 45px;}
.wd_t a{font-size: 22px;color: #000;display: block;line-height: 30px;}
.wd_t em{width: 26px;height: 26px;display: block;line-height: 0;padding-top: 70px;}
.wd_t em img{width: 26px;height: 26px;}
.wd_m{width: 960px;float: left;padding: 40px 0 0;}
.wd_m dl{width: 360px;float: left;padding-right: 100px;}
.wd_m dl dt{height: 30px;line-height: 30px;overflow: hidden;}
.wd_m dl dt a{font-weight: bold;}
.wd_m dl dd a{display: block;}
.wd_m .case_desc{padding-top: 5px;}
.wd_m dl dd span{display: block;font-size: 14px;color: #999;text-transform: uppercase;line-height: 30px;padding-top: 5px;}
.wd_m dl dd:hover span{font-weight: bold;color: #fc6700;}
.case_desc p{font-size: 15px;}


/*优势*/
.yous { width: 100%; min-width: 1200px; position: relative; overflow: hidden; height: 880px;z-index: 1;padding: 100px 0 0;}
.yous_bot{margin-top: 50px!important;height: 90px;}
.yous_bot ul li{font-size: 24px;color: #333;width: 190px;height: 90px;float: left;cursor: pointer;margin-left: 146px;}
.yous_bot ul li p{width:48px; height:44px; position:relative;float: left;margin: 12px 20px 0 0;}
.yous_bot ul li b{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;margin: 0 auto;}
.yous_bot ul li em{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;margin: 0 auto;}
.yous_bot ul li b img,.yous_bot ul li em img{ display: block;width:48px; height:44px;}
.yous_bot ul li span{display: block;float: left;line-height: 30px;font-weight: bold;}
.yous_bot ul li i{display: block;font-weight: normal;}
.yous_bot ul li.on{color: #0260b3;}
.yous_bot ul li.on b{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.yous_bot ul li.on em{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.yous_bot ul li:first-child{margin-left: 0;}
.yous_bot ul li {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.yous_bot ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background: #0260b3; /* Old browsers */
  background: -moz-linear-gradient(left,  #0260b3 0%, #2383a4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #0260b3 0%,#2383a4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #0260b3 0%,#2383a4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0260b3', endColorstr='#2383a4',GradientType=1 ); /* IE6-9 */
}
.yous_bot ul li:hover:before,.yous_bot ul li.on:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.yous_con { width: 1200px; position: absolute; left: 50%; margin-left: -600px; }
.yous_con .tempWrap .yous_m { margin-left: -1200px !important; }
.yous_con .tempWrap, .yous_con .tempWrap .yous_m { overflow: visible !important; }
.yous_con dl{width: 1200px;height: 584px;position: relative;}
.yous_con dl dt{width: 1200px;height: 584px;line-height: 0;overflow: hidden;}
.yous_con dl dt img{width: 1200px;height: 584px;}
.yous_con dl dd{width: 1200px;height: 140px;position: absolute;bottom: 0;left: 0;background:rgb(34 68 99 / 92%);}
.ys_l{background: url(../images/ys_k.png) no-repeat;width: 64px;height: 90px;padding: 26px 0 0;margin: -60px 0 0 35px;}
.yous_con dl dd b{display: block;font-family:Arial, Helvetica, sans-serif;font-size: 30px;color: #fff;line-height: 26px;width: 52px;text-align: center;}
.yous_con dl dd i{display: block;font-size: 12px;text-transform: uppercase;}
.ys_r{width: 790px;padding: 30px 0 0 20px;}
.yous_con dl dd h5{font-size: 24px;color: #fff;height: 35px;overflow: hidden;line-height: 35px;font-weight: normal;font-size: 29px;font-weight: 900;}
.yous_con dl dd p{font-size: 14px;color: #fff;line-height: 24px;padding: 10px 0 0;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.yous .pnBtn .blackBg { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 584px; background: #fff; filter: alpha(opacity=60); opacity: 0.6; }
.yous .pnBtn { position: absolute; z-index: 1; top: 350px; width: 100%; height: 584px; cursor: pointer; }
.yous .pnBtn:before{content: "";width: 80px;height: 100%;background: #fff;position: absolute;top: 0;}
.yous .prev { left: -50%; margin-left: -600px; }
.yous .next { left: 50%; margin-left: 600px; }
.yous .prev.pnBtn:before{right: 0;}
.yous .next.pnBtn:before{left: 0;}
.yous .pnBtn .arrow {display: block; position: absolute; top: 275px; z-index: 10; width: 21px; height: 35px;}
.yous .prev .arrow { right: 30px; background: url(../images/ys_lico01.png) no-repeat;}
.yous .prev .arrow:hover{ background: url(../images/ys_lico02.png) no-repeat;}
.yous .next .arrow { left: 30px;  background: url(../images/ys_rico01.png) no-repeat;}
.yous .next .arrow:hover{ background: url(../images/ys_rico02.png) no-repeat;}


/* 流程 */
.til01 {
    text-align: center;
    display: block;
    font-size: 50px;
    color: #fff;
    line-height: 64px;
    height: 129px;
}
.til01 p {
    display: block;
    height: 32px;
    font-size: 18px;
    line-height: 32px;
    font-weight: normal;
    opacity: 0.8;
}
.tec_p{font-family:"Microsoft Yahei";padding: 92px 0 0;height: 458px;background:url(../images/tecbg.jpg) no-repeat center bottom;overflow: hidden;margin-top: -1px;}
.tec_pc{padding: 64px 0 0;font-size: 18px;line-height:21px;text-align: center;color: #fff;}
.tec_pc li{width: 150px;float: left;position: relative;height: 262px;}
.tec_pc li p{text-align: center;position: relative;z-index: 1;-webkit-transition: height .3s;transition: height .3s;}
.tec_pc li:nth-child(2n) p{top: 70px;}
/* .tec_pc li:nth-child(2n):hover p{top:0;} */
.tec_pc li p:before{content: "";position: absolute;width:1px;height:180px;top:86px;left:75px;background:#005fa8;z-index: -1;}
.tec_pc li p span{height: 53px;display: block;}
.tec_pc li p span em{font-family: Myriad Pro;font-size:14px;color: #6e6f73;display: block;line-height: 14px;}
.tec_pc li p b{margin: 0 auto;width:48px;height: 48px; -webkit-transition:all .5s linear;-webkit-transition:all .5s linear;display: block;}
.tec_pc li:hover p b{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.tec_ico{position: absolute;right: 0;height: 41px;line-height: 25px;width: 70px;font-family: Myriad Pro;font-size:12px;color: #fff;bottom: 0;}
.tec_ico i{font-style: normal;color: #fff;}

.page-num-current{background-color: #0260b3!important;color: #fff!important;}





#bodycontent.bodycontent2020 {
    text-align: left;
}
#bodycontent {
    width: 72.917% !important;
    min-width: 1280px;
}
#bodycontent {
    width: 1400px;
    margin: 0 auto;
    line-height: 180%;
    text-align: center;
}
.protempone {
    width: 100%;
}
.protempone li {
    float: left;
    width: 46%;
    padding: 1%;
    box-shadow: 0px 0px 10px #eee;
    transition: all .5s ease;
    margin: 0 1% 2% 1%;
}
.protempone li {
    padding: 4% !important;
    width: 40% !important;
}
.protemppic {
    float: left;
    width: 40%;
    border: 1px solid #ddd;
    position: relative;
    overflow: hidden;
}
.protemppic {
    width: 48% !important;
}
#bodycontent a {
    font-size: 16px;
}
.protemppic img {
    width: 100%;
    transition: all .5s ease;
}
.protempwa {
    width: 57%;
    float: right;
}
.protempwa {
    width: 48% !important;
}
#bodycontent a {
    font-size: 16px;
}
.protemp_body {
    font-size: 14px;
    max-height: 84px;
    overflow: hidden;
    line-height: 25px;
    margin-top: 10px;
}
.protemp_body {
    max-height: 106px !important;
}
.pp {
    font-size: 16px;
    color: #222;
    line-height: 40px;
    border-top: 1px dotted #bbb;
    margin-top: 10px;
}
.pp p {
    font-size: 15px;
    line-height: 32px;
    color: #5d5d5d;
}




.contact_t{ text-align:center; color:#333;  margin-bottom:3%; margin-top:4.5%;}
.contact_t span{ display:block; color:#999999; font-size:14px; margin-top:1%;}
.contact_one{ overflow:hidden; margin-top:2%; background:#fff; position:relative;}
.contact_one .contact_one_l{ max-width:550px; width:50%; float:left; overflow:hidden; color:#666666; font-size:16px;}
.contact_one .contact_one_l .cons{ max-width:490px; width:94%; margin:0 auto; overflow:hidden;}
.contact_one .contact_one_l .h2{ font-weight:bold; color:#333; margin-bottom:30px; padding-bottom:20px; margin-top:80px; position:relative;}
.contact_one .contact_one_l .h2:after{ content:""; position:absolute; left:0; bottom:0; height:2px; width:25px; background:#cccccc;}
.contact_one .contact_one_l .ul li{ line-height:48px; overflow:hidden; background-repeat:no-repeat; background-position:left center; padding-left:67px; margin-bottom:30px;}
.contact_one .contact_one_l .ul li a{color:#666666;}
.contact_one .contact_one_l .ul li a:hover{color:#e94001;}
.contact_one .contact_one_l .ul li.bgs1{ background-image:url(../images/contact_pic1.png);}
.contact_one .contact_one_l .ul li.bgs2{ background-image:url(../images/contact_pic2.png);}
.contact_one .contact_one_l .ul li.bgs3{ background-image:url(../images/contact_pic3.png);}
.contact_one .contact_one_l .ul li.bgs4{ background-image:url(../images/contact_pic4.png);}

.contact_one .contact_map{ overflow:hidden;}
.contact_map iframe{height: 578px;}
.product_bg {
    background: #f2f2f2;
}


.feedback_div{ margin:0 auto;padding-bottom:5%; overflow:hidden; text-align:center; width:96%; max-width:1320px;}
.feedback_div label{ display:block; color:#333; text-align:left; margin-bottom:2%; font-size:16px;font-weight: bold;}
.feedback_div label.bgs2{ margin-bottom:1%;}
.feedback_div .divs{float:left; width:49%; margin-right:2%;margin-bottom:2%;}
.feedback_div .divs:nth-child(2n+0){ margin-right:0;}
.feedback_div .inputs2{ width:99%;  background:#f2f2f2; height:54px; line-height:54px; font-size:14px; color:#999; border:none; outline:none;  text-indent:3%; font-family:"微软雅黑";}
.feedback_div .inputs2:focus{ color:#333;}
/*.feedback_div .inputs3{ appearance:none;  -moz-appearance:none;  -webkit-appearance:none; width:99%;  background:url(../images/contact_bg5.png) #f5f5f5 96% center no-repeat; height:54px; line-height:54px; font-size:18px; color:#666; border:1px solid #ececec; outline:none; font-family:"微软雅黑"; padding-left:3%; outline:none;}
.feedback_div .inputs4{ width:99%;  background:url(../images/contact_bg5.png) #f5f5f5 96% center no-repeat;  height:54px; line-height:54px; font-size:18px; color:#666; border:1px solid #ececec; outline:none;  text-indent:3%; font-family:"微软雅黑";}*/
.feedback_div select::-ms-expand { display: none; } 
.feedback_div .textarea{ padding:1%; width:100%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ background:#f2f2f2; font-size:14px; font-family:"微软雅黑";border:none; outline:none;margin-bottom:2%; color:#999; height:170px;  }
.feedback_div .textarea:focus{ color:#333;}
.feedback_div .bnts2{-webkit-tap-highlight-color: transparent;  border: none; width:30%; max-width:150px;font-size: 14px; height: 46px; background: #e94001; font-family:"微软雅黑"; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none; margin:0 auto; margin-top:2%;transition:all 0.3s;}
.feedback_div .bnts2:hover{opacity:0.8;filter:Alpha(opacity=80);}

.contact_bg {
    overflow: hidden;
    background: #fff;
    padding-top: 4%;
    margin-bottom: 6%;
}


.foot nav{ background: #015198; width: 100%; height: 60px; line-height: 60px;text-align: center;}
.foot nav ul{ padding: 0 90px;}
.foot nav ul a{ position: relative; color: #fff; font-size: 16px; display: inline-block; vertical-align: top; margin-right: 25px;}
.foot nav ul a:after{ content: ""; position: absolute; left: 0; bottom: 0; background: #fff; width: 0; height: 3px; transition: all .3s; z-index: 1;}
.foot nav ul a:hover:after{ width: 100%;}
.foot nav ul a:last-child{ margin-right: 0;}
.tywidth{margin: 0 auto;}


.protemp_title a{
    font-size: 20px!important;
    color: #3a3a3a;
}